.x-item-wrapper {
	margin: 0;

	> .x-form-item-label {
		display: inline-flex;
		align-items: flex-start;
		flex: 0 0 auto;
		font-size: var(--el-font-size-base);
		color: var(--el-text-color-regular);
		height: 32px;
		line-height: 32px;
		padding: 0 12px 0 0;
		box-sizing: border-box;
	}

	.x-form-item-required {
		display: flex;
		flex-flow: row nowrap;
		&::before {
			content: "*";
			margin-right: 4px;
			color: var(--app-danger);
		}
	}

	> .x-form-item-control {
		position: relative;
		flex: 1;
		width: 100%;

		> div.el-select {
			width: 100%;
		}

		&[data-x-item-type="Switch"] {
			min-width: 48px;

			.x-item_switch {
				height: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
		}

		.x-checkbox-wrapper {
			outline: 1px solid red;
			display: flex;
			align-items: center;

			.x-checkbox {
				top: unset;
			}
		}

		.x-input-number {
			width: 100%;
		}

		.x-radio-group,
		.x-checkbox {
			margin-top: auto;
			margin-bottom: auto;
		}
	}

	.x-form-item-explain {
		font-size: var(--el-font-size-small);
	}

	.x-form-item-explain-error {
		color: #ff4d4f;
	}
}

.xItem_readonly {
	overflow: auto;
	div.xItem_readonly__wrapper {
		display: inline-flex;
		flex-grow: 1;
		align-items: center;
		justify-content: flex-start;
		padding: 1px 11px;
		background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
		background-image: none;
		border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
		transition: var(--el-transition-box-shadow);
		transform: translate3d(0, 0, 0);
		box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
			inset;
	}
}
